<template>
  <div class="my-icon">
    <img src="/static/img/wg.jpg" alt="">
    <p class="my-icon-name">zero</p>
    <p class="my-icon-content">不要轻言放弃,做一个有梦想的boy</p>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less">
  .my-icon{
    padding-top: 1.5rem;
    width: 100%;
    background: url('/static/img/bj.png') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: white;
    padding-bottom: 1rem;
    img{
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      margin-top: .7rem;
    }
    .my-icon-name{
      font-size: .68rem;
      margin-top: .15rem;
    }
    .my-icon-content{
      font-size: .36rem;
      margin-top: .1rem;
    }
  }
</style>
